@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
body {
  width: 100%; }

.layoutWidget86 {
  box-sizing: border-box;
  display: flex;
  display: -ms-flex;
  background: #ffffff;
  position: relative;
  margin-top: 8px; }
  .layoutWidget86 .left-part-wrap {
    box-sizing: border-box;
    width: 50%;
    padding: 48px 48px 48px 120px; }
    .layoutWidget86 .left-part-wrap .title {
      margin-bottom: 16px;
      font-size: 18px;
      font-weight: bolder;
      line-height: 1.39; }
    .layoutWidget86 .left-part-wrap .description {
      font-size: 14px;
      color: #999999;
      line-height: 1.5; }
    .layoutWidget86 .left-part-wrap .left-part {
      max-height: 100%;
      overflow-y: auto;
      text-align: center; }
    .layoutWidget86 .left-part-wrap .text-left {
      text-align: justify;
      text-align-last: left; }
  .layoutWidget86 .right-part {
    width: 50%; }
    .layoutWidget86 .right-part .slider {
      position: relative;
      width: 100%;
      height: 100%; }
    .layoutWidget86 .right-part .swiper-container {
      width: 100%;
      height: 100%; }
    .layoutWidget86 .right-part .swiper-slide {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .layoutWidget86 .right-part .swiper-slide img {
        display: block;
        width: 100%;
        height: auto; }
    .layoutWidget86 .right-part .slider-mask {
      position: absolute;
      z-index: 1;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 45%;
      pointer-events: none; }
    .layoutWidget86 .right-part .pagination {
      position: absolute;
      bottom: 8px;
      left: 48px;
      z-index: 2; }
      .layoutWidget86 .right-part .pagination .image-label {
        display: block; }
    .layoutWidget86 .right-part .swiper-pagination-bullet {
      display: block;
      float: left;
      width: auto;
      height: 18px;
      margin-bottom: 16px;
      margin-right: 8px;
      border-radius: 0px;
      background: transparent;
      opacity: 1; }
    .layoutWidget86 .right-part .image-label {
      position: relative;
      padding-right: 8px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1;
      transition: all .3s ease-in-out; }
      .layoutWidget86 .right-part .image-label::after {
        content: '';
        position: absolute;
        top: -8px;
        left: 0px;
        width: 100%;
        height: 1.5px;
        background: rgba(255, 255, 255, 0.5); }
      .layoutWidget86 .right-part .image-label::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 0px;
        width: 0%;
        height: 1.5px;
        background: white; }
    .layoutWidget86 .right-part .swiper-pagination-bullet-active .image-label {
      color: #ffffff; }
      .layoutWidget86 .right-part .swiper-pagination-bullet-active .image-label:before {
        animation: activePaginationRun 9.3s linear;
        -webkit-animation: activePaginationRun 9.3s linear;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        animation-delay: 0.7s;
        -webkit-animation-delay: 0.7s; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .layoutWidget86 {
    content: " ";
    display: table;
    width: 100%; }
    .layoutWidget86 .left-part-wrap {
      width: 100%;
      padding: 24px;
      margin-top: 260px; }
    .layoutWidget86 .right-part {
      width: 100%;
      height: 260px;
      position: absolute;
      top: 0;
      z-index: 2; }
      .layoutWidget86 .right-part .pagination {
        left: 24px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@keyframes activePaginationRun {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@-webkit-keyframes activePaginationRun {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

/*# sourceMappingURL=layoutWidget86.css.map */